<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>浏览器</title>
    <style>
        table{
            max-width: 1200px;
            margin:0 auto;
            border-collapse:collapse;
        }
        table thead td{
            text-align: center;
            font-weight: bold;
        }
        table td{
            padding:5px;
        }
    </style>
</head>
<body>
    <script>
        var info = navigator;
        // info.platform = navigator.platform;
        var content = document.createElement('div');
        var htmls = [];
        htmls.push('<table border="1" width="100%">');
        htmls.push('<thead>');
            htmls.push('<tr>');
                htmls.push('<td>name</td>');
                htmls.push('<td>value</td>');
            htmls.push('</tr>');
        htmls.push('</thead>');
        htmls.push('<tbody>');
        for(var key in info){
            htmls.push('<tr>');
            htmls.push('<td>');
            htmls.push(key);
            htmls.push('</td>');
            htmls.push('<td>');
            htmls.push(info[key]);
            htmls.push('</td>');
            htmls.push('</tr>');
        }
        htmls.push('</tbody>');
        htmls.push('</table>');
        content.innerHTML = htmls.join('');
        document.body.append(content)
    </script>
</body>
</html>